@charset "UTF-8";

body.activity #contentTop { z-index: 9840; position: relative; }
body.activity #contentHeader { z-index: 9820; position: relative; }
body.activity #content { width: 660px; padding: 50px 162px; margin: 0 auto; }
body.activity #content #pageTitle,
body.activity #contentHeader #pageTitle { margin-bottom: 18px; text-align: center; font-size: 36px; font-weight: normal; }

body.activity #content div.paraLv1 { margin-bottom: 60px; }
body.activity #content div.paraLv2 { margin-bottom: 18px; }
body.activity #content h4.titleLv2 { width: 100%; color: #390; font-size: 1.428em; letter-spacing: 0.4em; margin-bottom: 10px; padding-left: 10px; border-left: 10px solid #360; }

body.activity #content #contentList { float: left; width: 227px; font-size: 0.857em; line-height: 1.2em; }
body.activity #content #contentList #ulTop { width: 227px; height: 15px; background: url(../img/ulTop.png) 0 0 no-repeat; }
body.activity #content #contentList #ulBody { padding: 20px 0; background: url(../img/ulBg.png) repeat-y; }
body.activity #content #contentList ul { width: 180px; margin: 0 auto; }
body.activity #content #contentList li { margin-bottom: 20px; padding-left: 28px; background: url(../../common/img/list2seagulls.png) no-repeat 0 50%; }
body.activity #content #contentList li.ui-tabs-selected { font-weight: bold; background: url(../../common/img/listkappa.png) no-repeat 0 50%; }
body.activity #content #contentList li.last { margin-bottom: 0; }
body.activity #content #contentList #ulBottom { width: 227px; height: 15px; background: url(../img/ulBottom.png) 0 0 no-repeat; }

body.activity #content .ui-tabs-hide { display: none; }
body.activity #content .ui-tabs-panel { float: right; width: 634px; padding-left: 20px; }

body.activity #activityList ul { width: 550px; }
body.activity #activityList ul li a:hover { color: #333; border-bottom: 5px solid #333; }

#appealIndex #activityList ul #alAppeal a { font-weight: bold; border-bottom: 5px solid #fc0; }
#prIndex #activityList ul #alPr a { font-weight: bold; border-bottom: 5px solid #00bfe6; }
#discussionIndex #activityList ul #alDiscussion a { font-weight: bold; border-bottom: 5px solid #f90; }
#studyIndex #activityList ul #alStudy a { font-weight: bold; border-bottom: 5px solid #9c0; }

body.activity #activityList ul #alAppeal a:hover { border-bottom: 5px solid #fc0; }
body.activity #activityList ul #alPr a:hover { border-bottom: 5px solid #00bfe6; }
body.activity #activityList ul #alDiscussion a:hover { border-bottom: 5px solid #f90; }
body.activity #activityList ul #alStudy a:hover { border-bottom: 5px solid #9c0; }

#activityIndex #content { width: 664px; }

#activityIndex #content div #pageTitle { margin: 0 auto 10px; padding-top: 33px; width: 281px; height: 0px; overflow: hidden; background: url(../img/logo.png) 50% 0 no-repeat; }
#activityIndex #content div #pageTitleCaption { color: #390; font-size: 1.428em; text-align: center; letter-spacing: 0.4em; margin-bottom: 50px; }

#activityIndex #content div p { margin-bottom: 30px; line-height: 1.8em; }
#activityIndex #content div p #textColor1 { color: #06f; font-size: 1.142em; font-weight: bold; }

#activityIndex #content div #keywords li { display: inline; }
#activityIndex #content div #keywords li a { float: left; overflow: hidden; width: 332px; height: 0; padding-top: 182px; background: transparent url(../img/btn.jpg) 0 0 no-repeat; }

#activityIndex #content div #keywords #pr a { background-position: -332px 0; }
#activityIndex #content div #keywords #discussion a { background-position: -664px 0; }
#activityIndex #content div #keywords #study a { background-position: -996px 0; }

#activityIndex #content div #keywords #appeal a:hover { background-position: 0 -182px; }
#activityIndex #content div #keywords #pr a:hover { background-position: -332px -182px; }
#activityIndex #content div #keywords #discussion a:hover { background-position: -664px -182px; }
#activityIndex #content div #keywords #study a:hover { background-position: -996px -182px; }

#activityIndex #content #minnatoReport { background-color: #ffe2f4; padding: 18px; }
#activityIndex #content #minnatoReport p.minnnatoReportImg { text-align: center; margin: 0 auto 18px; }

#appealIndex #contentTop { background-image: url(../img/contentTopY.png); }
#appealIndex #contentHeader { width: 860px; padding: 40px 62px; margin: 0 auto; background: transparent url(../img/contentBg1Y.png) 50% 0 repeat-y; }
#appealIndex #contentHeader #pageTitle{margin:0 auto; text-align:center;font-size:2em;font-weight:normal;color:#333;}
#appealIndex #content h4.titleLv2 { color: #390; letter-spacing: 0; border-left: 10px solid #390; }
#appealIndex #content h5.titleLv3 { color: #390; font-weight: bold;  }


#prIndex #contentTop { background-image: url(../img/contentTopLB.png); }
#prIndex #contentHeader { width: 860px; padding: 40px 62px; margin: 0 auto; background: transparent url(../img/contentBg1LB.png) 50% 0 repeat-y; }
#prIndex #contentHeader #pageTitle{margin:0 auto; text-align:center;font-size:2em;font-weight:normal;color:#fff;}
#prIndex #content h4.titleLv2 { color: #f33; border-left: 10px solid #f33; }
#prIndex #content h5.titleLv3 { color: #333; font-weight: bold; }

#discussionIndex #contentTop { background-image: url(../img/contentTopOR.png); }
#discussionIndex #contentHeader { width: 860px; padding: 40px 62px; margin: 0 auto; background: transparent url(../img/contentBg1OR.png) 50% 0 repeat-y; }
#discussionIndex #contentHeader #pageTitle{margin:0 auto; text-align:center;font-size:2em;font-weight:normal;color:#fff;}
#discussionIndex #content h4.titleLv2 { color: #36f; letter-spacing: 0; border-left: 10px solid #36f; }
#discussionIndex #content h5.titleLv3 { color: #36f; font-weight: bold; }

#studyIndex #contentTop { background-image: url(../img/contentTopLG.png); }
#studyIndex #contentHeader { width: 860px; padding: 40px 62px; margin: 0 auto; background: transparent url(../img/contentBg1LG.png) 50% 0 repeat-y; }
#studyIndex #contentHeader #pageTitle {margin:0 auto; text-align:center;font-size:2em;font-weight:normal;color:#333;}
#studyIndex #content h4.titleLv2 { color: #39a9e6; letter-spacing: 0; border-left: 10px solid #39a9e6; }
#studyIndex #content h5.titleLv3 { color: #390; font-weight: bold; }

.imgright{ float:right; }

.event-pic{
  width:660px;
  display: -ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.event-pic div{
    width:300px;
    margin-bottom:20px;
}
.event-pic img{
    display:block;
    max-width:300px;
    height:auto;
}
.event-pic span{
    display:block;
    text-align:center;
    font-size:0.9em;
}